<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>购物车</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/lib/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/lib/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/master.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" href="${staticpath}/front/dist/css/themes.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_3mgu42g42easjor.css">
    <style>
        .list-block .item-content {
            padding: 0 0.65rem;
        }
        label.label-checkbox i.icon-form-checkbox:after {
            content: ' ';
           margin-left: -0.4rem;
            margin-top: -0.4rem;
            width: 0.8rem;
            height: 0.8rem;
            border-radius: 50%;
        }
        /*label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox:after{*/
            /*background-color: #ddc27b;*/
        /*}*/
        .bar-tab:before {
            background-color: #d0d5de;
        }
        label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox:after,
        label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox:after {
          color: #ddc27b;
          background: no-repeat center;
          background-image: url("${staticpath}/front/dist/images/da.png");
          background-size: 0.6rem 0.45rem;
        }
        .icon-right {
            float: right;
        }

        .list-block .item-inner {
            width: auto;
        }

        .list-block .item-content {
            padding: 0;
        }

        .list-block.media-list .item-media {
            min-height: 2.2rem;
            padding: 10px 10px;
        }

        .cart-content ul li img {
            height: 4.5rem;
            width: 4.5rem;
            margin: 2% 4% 2% 0;
        }
        .cart-content .item-title {
            color: #e43737;
        }

        .button {
            height: 2.25rem !important;
            line-height: 2.25rem !important;
            font-size: 14px;
        }

        .page {
            z-index: 1;
        }

        .title {
            z-index: 3;
        }
        .content{
            margin-bottom: 2.5rem;
        }
        #allCheckbox .item-media{
            margin: 15px 0 0 10px;
            float: left;
        }
        .b-name{
            height: 2rem;
            line-height: 2rem;
            background-color: #fff;
            font-size: 14px;
            padding-left: 10px;
        }
        #tool-bar{
            background-color: #fff;
            bottom: 2.5rem;
        }
    </style>
</head>

<body>
<div class="page-group">
    <div class="page">
        <!--头部部分 !-->
        <header class="bar bar-nav">
            <button class="button button-link button-nav pull-left" style=" font-style: 14px; padding-left: 0.75rem;" id="back">
                <span class="icon icon-left"></span>
            </button>
            <button class="button button-link button-nav pull-right"
                    style="padding-right: 0.75rem; font-size: 14px;">
                <span id="editBtn" data-state="1" class="saveBtn edit">编辑</span>
            </button>
            <h1 class="title">购物车</h1>
        </header>
        <div class="content cart-content">
            <div class="list-block media-list" data-url="${basepath}/rest/front/product/toProductDetail">
                <ul class="ul-list" >
            </ul>
            </div>
            <div class="lack" >
                <img src="/resource/front/dist/images/lack_goods.png" alt="" class="pic-lack" >
                <div class="text-lack"> 亲，你还没有添加宝贝哦～</div>
            </div>
        </div>
        <nav class="bar bar-tab account-bar-tab" id="tool-bar">
            <label class="yuBtn label-checkbox" id="allCheckbox"><input type="checkbox" name="checkbox" id="allInput"> <div class="item-media"><i class="icon icon-form-checkbox"></i></div> </label>
            <h4>合计：<span>¥<span><span class="total-price">0</span></h4>
            <span data-url="${basepath}/rest/front/order/toCartOrderDetail" class="accountBtn g-pay">去结算</span>
        </nav>
        <#--工具栏-->
        <nav class="footer-bar bar bar-tab">
            <a class="tab-item external " href="/rest/front/news/toNewsList">
                <img src="${staticpath}/front/dist/images/ico1.png" class="ico">

                <p class="tab-label">首页</p>
            </a>
            <a class="tab-item external" href="${basepath}/rest/front/catalog/toCatalogList">
                <img src="${staticpath}/front/dist/images/ico2.png" class="ico">

                <p class="tab-label">购物</p>
            </a>
            <a class="tab-item external" href="${basepath}/rest/front/order/toSellerList">
                <img src="${staticpath}/front/dist/images/ico3.png" class="ico">

                <p class="tab-label">分销商</p>
            </a>
            <a class="tab-item external active" href="${basepath}/rest/front/cart/toCartList">
                <img src="${staticpath}/front/dist/images/ico4-active.png" class="ico">

                <p class="tab-label">购物车</p>
            </a>
            <a class="tab-item external " href="${basepath}/rest/front/user/toMyPage">
                <img src="${staticpath}/front/dist/images/ico5.png" class="ico">

                <p class="tab-label">我的</p>
            </a>
        </nav>
    </div>
</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script>
    $.config = {router: false}
</script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type="text/javascript" src="${staticpath}/front/dist/js/cart/cartList.js"></script>
<script>$.init()</script>
</body>

</html>
